@charset "gb2312";
/* CSS Document */

/*banner*/
.banner{width:100%; background:#fafafa;position:relative; z-index:11;}
.banner_slides{position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:573px;}
.slidesjs-slide{width:100%;height:100% !important;}
.banner_slides li a{ display:block;}
.banner_pic{display:block; width:100%; height:100%;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IE滤镜，透明度50%*/-moz-opacity:0.2; /*Firefox私有，透明度50%*/opacity:0.2;/*其他，透明度50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=60); /*IE滤镜，透明度50%*/-moz-opacity:0.6; /*Firefox私有，透明度50%*/opacity:0.6;/*其他，透明度50%*/ }
.btn_previous{ left:4%; background-image:url(pre01.png);}
.btn_previous:hover{ background-color:#7db52b;background-image:url(pre02.png);}
.btn_next{ right:4%; background-image:url(next01.png);}
.btn_next:hover{ background-color:#7db52b;background-image:url(next02.png);}
	/**/
.slides_pagination{ width:75px;height:14px;bottom:20px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fe0000;color:#fe0000; border:2px solid #fe0000;}
/*banner end*/


/*合作客户*/





/*index product*/
.indexProduct{background-color:#fff; ;/* background:rgb(236, 240, 243);*/}
.indexProduct .indexProductBox{ }
.classMain{ background:#286bb4; padding:40px 0 30px 0; margin-top:10px;}
.proClass{width:1260px;}
.proClass li.li1{ float:left; width:150px; margin-right:60px;}
.proClass li.li1 .a1{ display:block; width:130px; height:130px; border-radius:100%; background-size:cover !important; background-repeat: no-repeat !important; background-position: center center !important;border:10px solid #3a9500;margin:auto;position:relative; overflow:hidden; transform: rotate(0deg);  transition: 1s;}
.proClass li.li1:hover .a1{ border:10px solid #fcaf01;  }
.proClass li.li1 .a2{ display:block; text-align:center; font-size:15px; color:#333; margin-top:15px; height:35px; line-height:35px; border-radius:5px;/* background-color:#0f912a;*/overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.proClass li.li1:hover .a2{ background-color:#fcaf01; color:#fff;}
.proClass li.li1:hover .a1{ transform: rotate(360deg);}
.indexProduct .leftClass{}
.leftClass{width:206px;}
.leftClass .leftClassT{ width:100%;}
.leftClass .leftClassT .span2{ display:block; width:100%; height:79px; line-height:80px; text-align:center; font-size:20px; color:#fff; background-color:#03ac1f;}
.leftClass .proMore{ display:block; border-top:0;height:58px; line-height:61px; text-align:center; background-color:#fff; color:#d6000f; background-image:url(tmp1482388813_1349477_s.png); background-position: center center; background-repeat:no-repeat; box-shadow:0 5px 15px rgba(0,0,0,0.1); border:1px solid #ededed; border-top:0; width:100%;}
.leftClass .proMore:hover{ }
.indexProduct .proList_box{ padding:20px 0 20px 0; background:url(pic112.jpg) no-repeat center;;}
.indexProduct .proList{ width:100%; overflow:hidden;height:650px;/*450*/ }
.indexProduct .proList ul{ width:1217px; *460px*/; overflow:hidden;}
.indexProduct .proList ul li{ float:left; width:290px; margin-right:10px;overflow:hidden; margin-bottom:17px; }
.indexProduct .proList ul li a{ display:block;overflow:hidden; width:280px; margin:0px; }
.indexProduct .proList ul li .aB{ display:block; width:100%; height:100%; position:absolute; background:url(index/6634373_cp.png) repeat; overflow:hidden; left:0; top:0; z-index:5;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;*display:none;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexProduct .proList ul li .aB em{ display:block; width:80px; height:80px; margin:60px auto; background:url(index/m.png) center center no-repeat;}
.indexProduct .proList ul li .imga{ display:block; width:260px; height:200px;  margin-bottom:0; overflow:hidden;position:relative;  *position:inherit; background-color:#fff; border:8px solid #fff;}
.indexProduct .proList ul li .imga img{ width:100%; height:100%; display:block;transform: scale(1, 1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.indexProduct .proList ul li .pt{ text-align:center; height:40px; line-height:39px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff; font-size:16px; }
.indexProduct .proList ul li .prj_desc{ display:block; font-size:13px; color:#888; text-align:center; line-height:22px; height:44px; overflow:hidden;}
.indexProduct .proList ul li:hover .aB{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.indexProduct .proList ul li:hover .imga img{transform: scale(1.1,1.1);}
.indexProduct .proList ul li:hover .pt{ text-decoration:underline; color:#ce0d0d;}
.indexProduct .proList ul li:hover{ }


/*广告*/
.ggt{height:174px;background:#f3f3f3 url(index/ggbg.png) bottom center no-repeat; position:relative;}
.ggt>.baseDiv{ position:relative; height:100%;}
.ggt .ggt_1{ text-align:center; line-height:45px; padding-top:35px;}
.ggt .ggt_1 .span1{ font-size:30px; color:#fff;}
.ggt .ggt_1 .span2{ font-size:30px; font-weight:700; color:#fb0019;}
.ggt .ggt_2{font-size:25px; color:#fff; line-height:45px;text-align:center;}
.ggt .ggt_img{ position:absolute; right:0; top:0; height:100%; width:150px; background:url(ggtImg.png) center center no-repeat;}
.ggt::after{ content:''; position:absolute; display: block; background-color:#fff; width:100%; height:50%; top:0; left:0; z-index:-1}
/*优势*/
.youshi{ padding:30px 0 0px 0;background: #fff url(ysbgt.jpg) top center no-repeat; }
.youshi .ysTitle_01{text-align:center; font-size:35px; color:#000; font-weight:700; width:700px; margin:auto; background: rgb(255, 222, 0); height:75px; line-height:75px;}
.youshi .ysTitle_01 span{}
.youshi .ysTitle{text-align:center;}
.youshi .ysTitle .divNoto{ background:#fff url(yst.png) center center no-repeat; height:101px; font-size:24px; color:#fff; line-height:110px; width:820px; margin:auto; border-radius:50%; padding:60px 0; margin-top:20px; }
.youshi .ysTitle .divNoto span{ font-size: 72px; font-family: 华文行楷; color: rgb(255, 222, 0); vertical-align:middle}
.youshi .ysTitle .div2{text-transform: uppercase;color:#666;font-size:13px; margin-top:-30px;}
.youshi .ysBox{ position:relative; margin-top:60px;}
.youshi .ysBox .ys_left{ float:left; width:500px; height:550px; background:url(ysLeft.png) left center no-repeat; position:relative;}
.youshi .ysBox .ys_left .div1{ position:absolute; border-left:1px solid #4d4d4d; width:0;}
.youshi .ysBox .ys_left .div2{position:absolute; border-top:1px solid #4d4d4d; height:0;}
.youshi .ysBox .ys_left .div1_1{ height:163px; left:75px; top:30px;}
.youshi .ysBox .ys_left .div2_1{ left:75px; top:30px; width:430px;}
.youshi .ysBox .ys_left .div1_2{ height:45px; left:190px; top:170px;}
.youshi .ysBox .ys_left .div2_2{ left:190px; top:170px; width:312px;}
.youshi .ysBox .ys_left .div1_3{ height:45px; left:190px; top:170px; display:none;}
.youshi .ysBox .ys_left .div2_3{ left:275px; top:322px; width:227px;}
.youshi .ysBox .ys_left .div1_4{ height:167px; left:340px; top:305px;}
.youshi .ysBox .ys_left .div2_4{ left:340px; top:472px; width:160px;}
.youshi .ysBox .ys_Right{ width:700px;}
.youshi .ysBox .ys_Right li{ padding-left:75px; margin-bottom:40px;}
.youshi .ysBox .ys_Right li .div1{ color:#ec1622; line-height:45px; font-size:24px;}
.youshi .ysBox .ys_Right li .div1 span{ font-size:30px; font-weight:700; padding-right:15px;}
.youshi .ysBox .ys_Right li .div2{ font-size:14px; color:#555; line-height:25px; padding-top:10px;}
.youshi .ysBox .ys_Right li.lin1{ background:url(ys_l1.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin2{ background:url(ys_l2.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin3{ background:url(ys_l3.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin4{ background:url(ys_l4.png) left top no-repeat;}
.youshi .ys_foot1{ font-size:30px; color:#000;  }
.youshi .ys_foot2{}
.youshi .ys_foot2 a{ display:block; width:150px; height:38px; border:2px solid #ec1622; color:#ec1622; font-size:22px; text-align:center; line-height:38px; margin:auto;}
.youshi .ys_foot2 a:hover{ background-color:#ec1622; color:#fff;}
.youshi .ys_foot3{ position:relative; width:1040px; height:60px; margin:0px auto 10px auto; line-height:25px; font-size:15px; color:#555;}
.youshi .ys_foot3 .em1{ display:block; position:absolute; left:0; height:100%; top:0; width:104px; background:url(ys_footLeft.png) center left no-repeat;}
.youshi .ys_foot3 .em2{ display:block; position:absolute; right:0; height:100%; top:0; width:104px; background:url(ys_footRight.png) center left no-repeat;}
.youshi .ys_foot3 span{ display:block;}
.youshi .ys_foot4{ width:100%; height:95px; background:url(index/foot.jpg) center center no-repeat;}

.youshi .ysBox .ys_a{ display:block; position: absolute; width:350px; height:350px; top:50%; margin-top:-175px; left:50%; margin-left:-175px; z-index:10;}
.youshi .ysBox .ys_a a{ display:block; float:left; width:50%; height:50%;}
.youshi .ysBox .ys_a a.a1{ background:url(index/ys01.png) left top no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a2{ background:url(index/ys02.png) right top no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a3{ background:url(index/ys03.png) left bottom no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a4{ background:url(index/ys04.png) right bottom no-repeat; cursor:pointer;}
.youshi .ysBox .lin{ float:left; width:50%; height:50%; position:relative;}
.youshi .ysBox .em1{ display: block; position:absolute;top:0;left:50%; height:50px; width:0; border-left:1px solid #ebebeb; display:none;}
.youshi .ysBox .em2{ display: block; position:absolute;left:0;top:50%; height:0px; width:350px; border-top:1px solid #ebebeb;display:none;}
.youshi .ysBox .em3{ display: block; position:absolute;right:0;top:50%; height:0px; width:350px; border-top:1px solid #ebebeb;display:none;}
.youshi .ysBox .em4{ display: block; position:absolute;bottom:0;left:50%; height:50px; width:0; border-left:1px solid #ebebeb;display:none;}

/*关于*/
.about{ padding:50px 0; background:#fff; overflow:hidden; }
.about .aboutTitle{ position:relative; color:#3a9500; height:58px;line-height:58px; border-top:1px solid #3a9500; border-bottom:#ededed 1px solid;}
.about .aboutTitle .span1{ font-size:20px; font-weight:700; color:#3a9500; margin-left:25px; padding-left:35px;background:url(index/2195855_1495081612.png) left center no-repeat;}
.about .aboutTitle .span2{ font-size:14px; margin-right:25px;  color:#3a9500; padding-right:25px; background:url(index/2195888_1495081992.png) right center no-repeat;}
.about .aboutTitle2{height:60px;line-height:60px; background-color:#3a9500;}
.about .aboutTitle2 .span1{ font-size:20px; font-weight:700; color:#fff; margin-left:25px; padding-left:35px;background:url(index/2197480_1495089941.png) left center no-repeat;}
.about .aboutTitle2 .span2{ display:block; font-size:14px; margin-right:25px;  color:#fff; width:25px; background:url(index/2197595_1495090343.png) right center no-repeat; height:60px;}
.about .aboutLeft{ width:1200px; background-color:#fff; position:relative;}
.about .aboutLeft .imglist{ margin:25px 0 0 20px;}
.about .aboutLeft .imglist img{ display:block; float:left; width:203px; height:152px; margin-right:10px;}
.about .aboutBox{ line-height:30px; font-size:14px; color:#444;height:390px; overflow:hidden; width:840px;margin:25px auto 35px auto; }
.about .more{ display:block; width:430px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:14px; margin:20px auto 25px auto; border-radius:20px; background-color:#99cc33;}
.about .more:hover{ color:#fff; background-color:#7db52b;}
.aboutRight{ width:290px;}
.aboutRight .ryBox{ width:100%; height:417px; position:relative; overflow:hidden;}
.aboutRight .ryBox ul{ width:100%;min-height:417px;}
.aboutRight .ryBox ul li{ width:100%; background-color:#fff; margin-bottom:10px;}
.aboutRight .ryBox ul li a{ display:block; padding:10px 0;}
.aboutRight .ryBox ul li a img{ display:block; margin: auto; width:270px;}
/*新闻*/
.indexNews{ padding:40px 0 20px 0; background:#fff; position:relative; overflow:hidden;}
.indexNews .indexNewsbg{ position:absolute; left:0; z-index:1; top:230px; width:100%; height:158px; background:#3a9500/*url(index/classbg.jpg) repeat*/;}
.indexNews .newsBox{margin-right:10px; margin-top:20px; position:relative; z-index:2;  width:740px; height:480px;}
.indexNews .newsBox .img img{ display:block; width:260px; height:160px; }
.indexNews .newsBox .more{ margin-top:15px;}
.indexNews .newsBox .more a{ display:block; float:right; margin-right:20px;width: 68px; height: 22px; line-height: 22px; text-align:center; border-radius:30px;font-size:14px; border:1px solid #3a9500; background-color:#3a9500; color:#fff; }
.indexNews .newsBox .more a:hover{ color:#3a9500; background-color:#fff;}
.indexNews .newsBox3{ margin-right:0;}
.indexNews .newsTitle{ height:57px; line-height:57px; color:rgb(48, 51, 61); font-size:18px; font-weight:700; border-bottom:#cbcbcb 1px solid;}
.indexNews .newsTitle span{ padding-left:0px;}

.indexNews .newsList2{ padding:5px 0;}
.indexNews .newsList2 li{ padding:20px 20px 0 25px;}
.indexNews .newsList2 li a{ display:block; line-height:20px; font-size:14px; color:#000;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexNews .newsList2 li a:hover{ color:#fb0019; }
.indexNews .newsList2 li .time{ display:block; line-height:24px; font-size:12px; color:#929292;}
.indexNews .newsList2 li .desc{ font-size:12px; color:#5A5A5A; line-height:18px; height:36px; overflow:hidden;}

/*case*/
.cases{ padding:40px 0 40px 0;background:url(index/ysbg.jpg) top center no-repeat; overflow:hidden;}
.cases .caseList{ overflow:hidden; margin-top:20px;}
.cases .caseList ul{ width:1216px;}
.cases .caseList li{ float:left; width:25%;}
.cases .caseList li .inner{border: 1px solid #fff;display: block;width: 286px; height:220px; background-color:#fff;}
.cases .caseList li a.imga{ width:266px; height: 200px; margin:10px; display:block; overflow:hidden; position: relative;}
.cases .caseList li .aB{ display:block; width:100%; height:100%; position:absolute; background:url(index/6634373_cp.png) repeat; overflow:hidden; left:0; top:0; z-index:5;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;*display:none;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cases .caseList li .aB em{ display:block; width:80px; height:80px; margin:60px auto; background:url(index/m.png) center center no-repeat;}
.cases .caseList li a img{ width:100%; height:100%;transform: scale(1, 1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cases .caseList li .titleBox{ display:block; width:288px; height:40px;  line-height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; background-color:#fff;}
.cases .caseList li .titleBox a{ color:#000; font-size:16px;}
.cases .caseList li .titleBox a:hover{}
.cases .caseList li .imga:hover{}
.cases .caseList li .imga:hover img{transform: scale(1.1, 1.1);}
.cases .caseList li:hover .inner{}
.cases .caseList li:hover .aB{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.cases .caseList .box{ width:9999px;}
.cases .caseList .box ul{ float:left;}


.about{ height: 584px; overflow: hidden; font-family:"Microsoft YaHei";}

.about dl{margin-top: 50px;}
.about dl dt{width: 584px;float: left;}
.about dl dd{float: right; width: 585px;}
.about dl dd h1{font-size: 54px; line-height: 48px;color: #d1d1d1;font-family: Arial;}
.about dl dd h2 a{font-size: 24px;line-height: 46px;color: #333;}
.about dl dd p{font-size: 14px; line-height: 32px; padding-top: 12px;text-indent:2em;}
.about dl dd span a{ margin-top: 16px; display: block;background:url(about_zx.jpg) no-repeat;height: 40px;line-height: 40px;width: 150px; text-align: center;font-size: 14px; color: #fff;}



.ys h2{ height:260px; background:url(ys_bt.png) no-repeat center top; overflow:hidden; text-align:center; color:#fff; font:66px "Microsoft Yahei";  padding-top:30px;}
.ys h2 em{font-weight:bold;}
.ys h2 span{ display:block; width:357px; height:59px; background:url(ysbj0.png) no-repeat center top; margin:8px auto 0; font:26px "Microsoft Yahei"; text-align:center; line-height:59px;}
.ys1{ height:441px; margin:0 0 11px 0; background:url(ys1.jpg) no-repeat center top;}
.ys1 dl{ width:515px; margin-top:45px;}
.ys1 dt{ background:url(ys_bj1.png) no-repeat left top; height:91px;}
.ys1 dt em{ display:inline-block; font:65px Impact; color:#fab885; float:left; width:80px; text-align:center; line-height:90px;}
.ys1 dt p{ float:left; font:29px "Microsoft Yahei"; font-weight:bold; color:#fff;}
.ys1 dt p i{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fcb77d; padding-top:21px;}
.ys1 dd h3{ line-height:28px; padding-bottom:14px;font:28px "Microsoft Yahei"; font-weight:bold; color:#0054b2; background:url(ys_dot.png) repeat-x center bottom; width:470px; margin:40px 0 10px 0;}
.ys1 dd p{ font:16px "Microsoft Yahei"; line-height:28px; color:#000; background:url(ys_bj2.png) no-repeat left 8px; padding-left:30px; margin-top:8px;}
.ys1 dd p b{ color:#f57b04;}
.ys2{ background:url(ys2.jpg) no-repeat center top;}
.ys3{ background:url(ys3.jpg) no-repeat center top;}
.ys4{ background:url(ys4.jpg) no-repeat center top;}
.ys5{ background:url(ys5.jpg) no-repeat center top;}





 .que{float: right; width:425px;}
.que_tit{ height: 57px; line-height: 57px; overflow: hidden;background:url(zx_l.jpg) no-repeat 0 bottom;}
.que_tit h2{font-size: 18px;background:url(day_tit.jpg) no-repeat 0 center; padding-left: 26px; }
.que_tit h2 a{color: #074fa0;}
 .que_tit h2 span a{font-size: 14px; color: #333;font-weight: normal;}
.que_by dl{font-size: 14px;padding:30px 0;border-bottom: 1px solid #cccccc;}
.que_by dl dt a{ color: #333;font-weight: bold; padding-left: 28px;height: 19px;line-height: 19px;background:url(que_w.jpg) no-repeat;}
.que_by dl dd{padding-left: 0px;height: 19px;line-height: 19px;background:url(que_d.jpg) no-repeat;}
.mmme{ width:145px; height:40px; background:#f67b04;  border-radius:15px; text-align:center; line-height:40px; color:#FFF; }



.mmmer{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center;}
.mmmer a{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center; display:block;}
.mmmer a:hover{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center; display:block; background:#f67b04; color:#FFF}